<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/online.css">
    <title>onlineStore</title>
</head>

<body>
    <main>
        <section class="content">
            <!-- 控制宽度 -->
            <div class="content_width">
                <!-- 左边 -->
                <div class="categories">
                    <div class="logo">
                        <h1><a href=""><img src="images/logo2.png" alt="">
                            </a></h1>
                    </div>
                    <nav>
                        <ul>
                            <li><a href="onlineStore.html">HOME</a></li>
                            <li><a href="">ABOUT</a></li>
                            <li><a href="item.html">ITEM</a></li>
                            <li>
                                CATEGORY
                                <ul>
                                    <li><a href="online_product.html">Products</a></li>
                                    <li><a href="accessories.html">Accessories</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
                <!-- 右边 列表-->
                <div class="item">
                    <ul>
                        <li>
                            <a href="">
                                <div class="new"><img src="images/new_1.png" alt=""></div>
                                <div><img src="images/online_1.jpg" alt=""></div>
                                <p>KARIMOKU CAT TABLE 白色和纯橡木</p>
                                <p>￥1,403</p>
                                <div><button>预购</button></div>
                            </a>

                        </li>
                        <li>
                            <a href="">
                                <div class="new"><img src="images/new_1.png" alt=""></div>
                                <div><img src="images/online_2.jpg" alt=""></div>
                                <p>KARIMOKU CAT TABLE 白色和透明白</p>
                                <p>￥1,403</p>
                                <div><button>预购</button></div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="new"><img src="images/new_1.png" alt=""></div>
                                <div><img src="images/online_3.jpg" alt=""></div>
                                <p>KARIMOKU CAT TABLE 蓝色和摩卡咖啡色</p>
                                <p>￥1,403</p>
                                <div><button>预购</button></div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="new"><img src="images/no.2.png" alt=""></div>
                                <div><img src="images/online_4.jpg" alt=""></div>
                                <p>KARMOKU CAT TEE 浅灰色和纯橡木</p>
                                <p>￥2,764</p>
                            </a>
                        </li>
                        <li>
                            <div class="new"><img src="images/no.1.png" alt=""></div>
                            <div><img src="images/online_5.jpg" alt=""></div>
                            <p>KARIMOKU CAT TREE 白色和透明白</p>
                            <p>￥2,764</p>
                        </li>
                        <li>
                            <a href="">
                                <div><img src="images/online_6.jpg" alt=""></div>
                                <p>KARIMOKU CAT TREE 蓝色和摩卡咖啡色</p>
                                <p>￥2,764</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div><img src="images/online_7.jpg" alt=""></div>
                                <p>KARIMOKU CAT BED 浅灰色和纯橡木</p>
                                <p>￥2,070</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div><img src="images/online_8.jpg" alt=""></div>
                                <p>KARIMOKU CAT BED 白色和透明白</p>
                                <p>￥2,070</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div><img src="images/online_9.jpg" alt=""></div>
                                <p>KARIMOKU CAT BED 蓝色和摩卡咖啡色</p>
                                <p>￥2,070</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div><img src="images/online_10.jpg" alt=""></div>
                                <p>KARIMOKU CAT RESTUREOM 纯橡木 </p>
                                <p>￥3,209</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div><img src="images/online_11.jpg" alt=""></div>
                                <p>KARIMOKU CAT RESTUREOM 简约白 </p>
                                <p>￥3,209</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div><img src="images/online_12.jpg" alt=""></div>
                                <p>KARIMOKU CAT RESTUREOM 摩卡咖啡色 </p>
                                <p>￥3,209</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div><img src="images/online_13.jpg" alt=""></div>
                                <p>KARIMOKU CAT TREE 独家棉线案件套件(短线&长
                                    线) <br>用于浅灰色和纯橡木，蓝色和摩卡咖啡棕色，米
                                    色和胡桃木 </p>
                                <p>￥445</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div><img src="images/online_14.jpg" alt=""></div>
                                <p>KARIMOKU CAT TREE 独家棉绳雾件套装(短&长)<br>适用于白色和纯白色</p>
                                <p>￥445</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div><img src="images/online_15.jpg" alt=""></div>
                                <p>KARIMOKU CAT TREE 独家棉线索件(短款)<br>用于浅灰色和纯橡木，蓝色和摩卡咖啡棕色，米色和胡桃木 </p>
                                <p>￥229</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div><img src="images/online_16.jpg" alt=""></div>
                                <p>KARIMOKU CAT TREE 独家棉线索件(长款)<br>用于浅灰色和纯橡木，蓝色和摩卡咖啡棕色，米色和胡桃木 </p>
                                <p>￥298</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div><img src="images/online_17.jpg" alt=""></div>
                                <p>KARIMOKU CAT TREE 独家棉绳案件(短款)<br>适用于白色和纯白色</p>
                                <p>￥299</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div><img src="images/online_18.jpg" alt=""></div>
                                <p>KARIMOKU CAT TREE 独家棉线索件(长款)<br>用于白色和纯白色</p>
                                <p>￥298</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
    </main>
    <!-- 底部 -->
    <footer>
        <div class="content_width">
            <!-- 左边图标  -->
            <div class="footer_left">
                <div class="iconfont icon-xinfengbeifen"></div>
                <div class="iconfont icon-tishi">
                    <ul>
                        <li><a href="">Legal Policy</a></li>
                        <li><a href="">Terms of Service</a></li>
                        <li><a href="">Privacy Policy</a></li>
                    </ul>
                </div>
                <div class="iconfont icon-share">
                    <ul>
                        <li><a href="https://twitter.com">Tweet</a></li>
                        <li><a href="https://www.facebook.com">Share</a></li>
                    </ul>
                </div>
            </div>
            <!-- 右边图标  -->
            <div class="footer_right">
                <a href="https://www.facebook.com/KARIMOKUCAT-578194566026189" target="_blank">
                    <sapn class="iconfont icon-facebook"></sapn>
                </a>
                <a href="https://instagram.com/karimokucat" target="_blank">
                    <sapn class="iconfont icon-instagram"></sapn>
                </a>
                <a href=""><span class="iconfont icon-tubiao-"></span></a>
            </div>
        </div>
    </footer>
    <!-- 固定图标 -->
    <div class="fixed content_width">
        <!-- 左边 搜索-->
        <div class="fixed_left"><input type="text" placeholder="Search for items" /><button class="iconfont icon-search"
                type="submit"></botton>
        </div>
        <!-- 右边 -->
        <div class="fixed_right">
            <div>LOGIN
                <ul class="login">
                    <li>
                        <a href="">Login</a>
                    </li>
                    <li><a href="">Sign up</a></li>
                </ul>
            </div>
            <div class="iconfont icon-cart"></div>
        </div>
    </div>
</body>

</html>